// 登录验证

document.querySelector('#btn-login').addEventListener('click', async () => {
    const form = document.querySelector('.login-form')
    // hash: true 表示收集为对象，empty: true 表示收集空值
    // hash: false 表示收集为数组，empty: false 表示不收集空值
    const data = serialize(form, { hash: true, empty: true }) 
    // 非空判断，可以先拆解一下值
    const { username,password} = data 
    if( !username.trim() || !password.trim() ){
        return showToast('请输入用户名或密码')
    }
    try {
        const res = await axios.post('/login',data)
        // console.log(res);
        showToast('登录成功')
        // 登录成功后，本地存储数据
        // 用户的身份认证信息
        localStorage.setItem('my-token',res.data.token)
        // 用户名
        localStorage.setItem('my-username',res.data.username)
        // 登录成功后，设置延时跳转
        setTimeout(() => {
            // 跳转时，需要根据js所在的html页面（文档）进行跳转，而不是根据js文件所在位置
            location.href = './index.html'
        },800)
        
    } catch (error) {
        showToast('登录失败')
    }
})